/* pages/order/order.wxss */
page {
  height: 100vh;
  background-color: #efefef !important;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0%;
}

//头
.head{
  margin: 16rpx;
  border-radius: 20rpx;
  padding: 20rpx;
  background-color: white;
  text{
    font-size: 34rpx;
    font-weight: bold;
  }
  view{
    padding: 24rpx 0;
    border-bottom: 1px solid rgba(229, 223, 223, 0.347);
    &:last-child{
      border-bottom:0px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    }
  }
}

//票的内容详细以及游客信息
.tourist_information{
  margin: 16rpx;
  border-radius: 20rpx;
  padding: 20rpx;
  background-color: white;
  .ticket_title{
    border-bottom: 1px dashed rgba(156, 156, 156, 0.972);
    padding: 24rpx 0;
    &:first-child{
      padding-top: 0;
    }
    &:last-child{
      border-bottom:0px;
    }  
    view{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 6rpx 0;
        text{
          font-size: 14px;
        }
        .money{
          display: inline;
          color: rgb(246, 33, 33);
        }
        .title{
          font-size: 34rpx;
          font-weight: bold;
        }
    }
  }
  .ticket{
    border-bottom: 1px dashed rgba(156, 156, 156, 0.972);
    padding: 24rpx 0;
    &:first-child{
      padding-top: 0;
    }
    &:last-child{
      border-bottom:0px;
    }  
    view{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 6rpx 0;
        text{
          font-size: 14px;
        }
        .money{
          display: inline;
          color: rgb(246, 33, 33);
        }
        .title{
          font-size: 34rpx;
          font-weight: bold;
        }
    }
  }
  .user_info{
    .user{
      .us{
        padding:10rpx 20rpx ;
      }
      .title{
        font-size: 38rpx;
        font-weight: bold;
      }
      .tourist{
        padding: 24rpx 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        text{
          &:first-child{
            font-weight: bold;
            color: darkgray;
          }
        }
      }
    }
    .van-field__label {
      color: var(--field-label-color,#000000) !important;
    }
    .van-cell {
      padding: 14rpx 0;
    }
    .van-divider{
      margin: 4rpx;
      margin-top: 20rpx;
    }
    .shabi{
      .van-cell__title{
        margin-right: 33px !important;
      }
    }
  }
}

//联系人信息
.contact_info{
  margin: 16rpx;
  border-radius: 20rpx;
  padding: 20rpx;
  background-color: white;
  
  .user_info{
    .tourist{
      margin-bottom: 24rpx;
      view{
        display: flex;
        flex-direction: column;
        text{
          &:first-child{
            font-size: 40rpx;
            color: black;
          }
          font-size: 24rpx;
          color: gray;
        }
      }
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
    .van-field__label {
      color: var(--field-label-color,#000000) !important;
    }
    .shabi{
      .van-cell__title{
        margin-right: 33px !important;
      }
    }
  }
}

//只是提示框
.description{
  .van-popup--bottom {
    height: 260px;
  }
}

//你好我是霸王条款
.bulletin{
  margin:4rpx 16rpx;
  border-radius: 20rpx;
  padding: 16rpx;
  font-size: 24rpx;
  line-height: 22px;
  .b{
    color:rgb(69, 170, 241); 
  }
}

//你好我是底部
.footer{
  position: fixed;
  z-index: 1;
  bottom: 0;
  background-color: white;
  width: 100%;
  padding: 20rpx;
  .content{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 28rpx;
    justify-content: space-between;
    &:last-child{
      margin-right: 48rpx;
    }
  }
}

.block {

  width: 100%;
  height: 700rpx;
  background-color: #fff;
  .one{

    margin-top: 20rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    .text{
      padding: 20rpx;
      font-size: 28rpx;
      font-weight:bold;
    }
    image{
      width: 200rpx;
      height: 200rpx;
      border-radius: 50%;
    }
    view{
      padding: 20rpx;
      font-size: 24rpx;

    }
  }
  .anniu{
    margin-top: 20rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgb(25, 127, 199);
    view{
     
      &:nth-of-type(2){
        border: 2rpx solid rgb(207, 207, 207);
        background-color: rgb(223, 215, 215);
        height: 60rpx;
      }
      &:first-of-type{
        width: 80rpx;
        margin-left:170rpx;
      }
      
      &:last-of-type{
          margin-right:100rpx ;
      }
    }
  }
}

/* 外层容器 */
.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height:20%;
  position: fixed; 
  bottom: 0; 
  left: 0; 
  right: 0; 
}

.wrapper2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height:0%;
  position: fixed; 
  bottom: 0; 
  left: 0; 
  right: 0; 
}

/* 密码容器：相对定位 */
.password-wrapper {
 position: relative;  /* 关键：作为子元素的定位参考 */
  padding: 100rpx;
  height: 400rpx; /* 与输入框高度一致，作为定位参考 */
}

/* 输入框：透明可见但实际接收输入 */
.password-input {
  padding: 10rpx;
  border: none;
  background: transparent !important;  
  color: transparent !important;      
  font-size: 0;         
    height: 400rpx; 
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  caret-color: transparent !important; 
  opacity: 0;
  -webkit-text-security: disc; 
  font-size: 9999rpx; /* 字体大到光标超出屏幕 */
  line-height: 0; /* 行高为0，进一步隐藏 */
  text-indent: 9999rpx; /* 文本缩进，让输入内容偏移 */
}

/* 点阵覆盖层：绝对定位在输入框上方 */
.password-overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* 覆盖在输入框上方，但不影响点击穿透 */
  pointer-events: none;  /* 关键：允许点击穿透到下方输入框 */
  z-index: 2;
}

/* 提示文字 */
.prompt-text {
  font-size: 32rpx;
  color: #333;
  margin-bottom: 20rpx;
}

/* 密码点阵样式 */
.password-dots {
  display: flex;
  justify-content: center;
  gap: 20rpx;
  width: 100%;
}

.dot {
  width: 30rpx;
  height: 30rpx;
  border: 2rpx solid #666;
  border-radius: 50%;
  background-color: transparent;
}

.dot.filled {
  background-color: #333;
}
    

.van-field {
  z-index: 1 !important; /* 设置为合理的层级 */
}

.abcd{
  z-index: 9999 !important;
}